.finance-container {
	width: 100%;
	height: 100%;
	.dataScreen {
		background: #0d0e16;
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 999;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		// transition: transform 0.3s;
		transform-origin: left top;
		.property-main {
			position: absolute;
			top: 110px;
			height: 90%;
			display: flex;
			width: 100%;
			padding: 17px 27px 17px;
			background: url("@/assets/screenImg/commonImg/commonMainBg.png") no-repeat;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
			.dataScreen-lf {
				width: 27%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/leftBg.png") no-repeat;
				background-size: 100% 100%;
				.lf-top {
					flex: 4;
					display: flex;
					flex-direction: column;
					.lf-top-cn {
						flex: 1;
						display: flex;
						flex-direction: column;
						padding: 10px 20px;
						.cn-top {
							flex: 1;
							display: flex;
							flex-direction: column;
							justify-content: space-between;
							.line1,
							.line2 {
								display: flex;
								align-items: center;
								> div {
									display: flex;
									align-items: center;
									> div {
										display: flex;
										align-items: center;
									}
								}
							}
							.line1 {
								justify-content: center;
							}
							.line2 {
								justify-content: space-around;
							}
						}
						.cn-bottom {
							flex: 3;
							display: flex;
							flex-direction: column;
							padding-top: 5%;
							.option-box {
								display: flex;
								justify-content: flex-end;
								align-items: center;
								padding-right: 10%;
								> div {
									font-size: 12px;
									font-family: SourceHanSansCN-Regular, SourceHanSansCN;
									font-weight: 400;
									color: rgba(216, 240, 255, 0.5);
									line-height: 16px;
									text-shadow: 0px 0px 4px #0091ff;
									background: url("@/assets/screenImg/operateImg/box2.png")
										no-repeat;
									background-size: 100% 100%;
									padding: 5px 12px;
									margin-left: 15px;
									&:first-child {
										margin-left: 0;
									}
									cursor: pointer;
									&.active {
										background: url("@/assets/screenImg/operateImg/box1.png")
											no-repeat;
										background-size: 100% 100%;
									}
								}
							}
							.echart-box {
								flex: 1;
								padding-top: 20px;
							}
						}
					}
				}
				.lf-bottom {
					flex: 3;
					display: flex;
					flex-direction: column;
					.lf-bottom-cn {
						flex: 1;
						padding-left: 5%;
					}
				}
			}
			.dataScreen-ct {
				width: 45%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
				.ct-top {
					height: 15%;
					padding-top: 10px;
					box-sizing: border-box;
					.top-select-box {
						text-align: right;
						padding-right: 10%;
						padding-bottom: 10px;
						// box-sizing: border-box;
					}
					.center-top-data {
						display: flex;
						justify-content: space-around;
						align-items: center;
						.line-item {
							width: 45%;
							background: url("@/assets/screenImg/projectImg/center/border1.png")
								no-repeat;
							background-size: 100% 100%;
							display: flex;
							align-items: flex-start;
							padding: 15px 30px;
							.lf-icon {
								margin-right: 20px;
								background: url("@/assets/screenImg/projectImg/bottomBg.gif")
									no-repeat;
								background-size: 100%;
								background-position-x: center;
								background-position-y: bottom;
							}
							.ct-desc {
								> .img {
									display: flex;
									align-items: center;
									span {
										font-size: 12px;
									}
									div {
										display: flex;
										margin-left: 5px;
									}
								}
								> .text {
									margin-top: 5px;
								}
								.numColor {
									font-size: 30px;
									font-family: AlibabaPuHuiTi-Bold, AlibabaPuHuiTi;
									font-weight: bold;
									color: #ffffff;
									line-height: 37px;
									text-shadow: 0px 1px 7px #ffda3a;
								}
							}
						}
					}
				}
				.ct-bottom {
					flex: 1;
					display: flex;
					flex-direction: column;
					.ct-bottom-cn {
						flex: 1;
						display: flex;
						flex-direction: column;
						.cn-top {
							height: 40%;
							padding-bottom: 3%;
							box-sizing: border-box;
							.type1-box {
								display: flex;
								.cn-top-lf {
									width: 40%;
									display: flex;
									flex-direction: column;
									justify-content: space-around;
									.item-box {
										display: flex;
										justify-content: center;
										align-items: center;
									}
								}
								.cn-top-rg {
									flex: 1;
									display: flex;
									flex-wrap: wrap;
									> div {
										width: calc(100% / 3);
										height: 45%;
									}
								}
							}
						}
						.cn-bottom {
							flex: 1;
							display: flex;
							flex-direction: column;
							padding-top: 20px;
							.option-box {
								display: flex;
								justify-content: flex-end;
								align-items: center;
								padding-right: 10%;
								> div {
									font-size: 12px;
									font-family: SourceHanSansCN-Regular, SourceHanSansCN;
									font-weight: 400;
									color: rgba(216, 240, 255, 0.5);
									line-height: 16px;
									text-shadow: 0px 0px 4px #0091ff;
									background: url("@/assets/screenImg/operateImg/box2.png")
										no-repeat;
									background-size: 100% 100%;
									padding: 5px 12px;
									margin-left: 15px;
									&:first-child {
										margin-left: 0;
									}
									cursor: pointer;
									&.active {
										background: url("@/assets/screenImg/operateImg/box1.png")
											no-repeat;
										background-size: 100% 100%;
									}
								}
							}
							.echart-box {
								flex: 1;
								padding-top: 20px;
							}
						}
					}
				}
			}
			.dataScreen-rg {
				flex: 1;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background: url("@/assets/screenImg/commonImg/rightBg.png") no-repeat;
				background-size: 100% 100%;
				.rg-top {
					flex: 1;
					display: flex;
					flex-direction: column;
					.rg-top-cn {
						flex: 1;
						display: flex;
						flex-direction: column;
						.cn-top {
							height: 55%;
							display: flex;
							flex-direction: column;
							padding: 10px 20px;
							.top-top-cn {
								height: 35%;
								display: flex;
								justify-content: space-around;
								flex-direction: column;
								.line1,
								.line2 {
									display: flex;
									align-items: center;
									> div {
										display: flex;
										align-items: center;
										> div {
											display: flex;
											align-items: center;
										}
									}
								}
								.line1 {
									justify-content: center;
								}
								.line2 {
									justify-content: space-around;
								}
							}
							.top-bottom-cn {
								flex: 1;
								display: flex;
								flex-wrap: wrap;
								padding: 8% 0;
								> div {
									width: calc(100% / 3);
									height: 50%;
								}
							}
						}
						.cn-bottom {
							flex: 1;
							display: flex;
							flex-direction: column;
							padding-top: 20px;
							.option-box {
								display: flex;
								justify-content: flex-end;
								align-items: center;
								padding-right: 10%;
								> div {
									font-size: 12px;
									font-family: SourceHanSansCN-Regular, SourceHanSansCN;
									font-weight: 400;
									color: rgba(216, 240, 255, 0.5);
									line-height: 16px;
									text-shadow: 0px 0px 4px #0091ff;
									background: url("@/assets/screenImg/operateImg/box2.png")
										no-repeat;
									background-size: 100% 100%;
									padding: 5px 12px;
									margin-left: 15px;
									&:first-child {
										margin-left: 0;
									}
									cursor: pointer;
									&.active {
										background: url("@/assets/screenImg/operateImg/box1.png")
											no-repeat;
										background-size: 100% 100%;
									}
								}
							}
							.echart-box {
								flex: 1;
								padding-top: 20px;
							}
						}
					}
				}
			}
		}
	}
	// 表格滚动hover样式
	:deep(.dv-scroll-board) {
		.rows {
			.row-item {
				&:hover {
					background: linear-gradient(
						270deg,
						rgba(26, 123, 230, 0) 0%,
						rgba(69, 193, 255, 0.8) 100%
					);
				}
			}
		}
	}
}

.select-box {
	display: flex;
	align-items: center;
	> div {
		margin-left: 15px;
		&:first-child {
			margin-left: 0;
		}
	}
}

.textColor {
	font-size: 14px;
	font-family: SourceHanSansCN-Normal, SourceHanSansCN;
	font-weight: 400;
	color: #d3e3ff;
	line-height: 21px;
	letter-spacing: 1px;
	white-space: nowrap;
}
.numColor {
	font-size: 22px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 500;
	color: #ffffff;
	line-height: 33px;
	text-shadow: 0px 1px 5px #84ff9d;
	&.unit {
		font-size: 16px;
		margin-left: 5px;
	}
	&.color2 {
		text-shadow: 0px 1px 5px #ffda3a;
	}
	&.color3 {
		text-shadow: 0px 1px 5px #ff4b4b;
	}
}

:deep(.table-box) {
	background: none;
	.el-table__inner-wrapper {
		&::before {
			height: 0;
		}
	}
	.table-head {
		background: rgba(21, 77, 160, 0.2);
		.el-table__cell {
			padding: 10px 0 !important;
			background: none;
			border: none;
		}
		.cell {
			color: #d4edfd !important;
			font-weight: 400 !important;
			text-align: center;
		}
	}
	.table-row {
		background: none;
		.el-table__cell {
			// padding: 10px 0 !important;
			border: none;
			.cell {
				color: rgba(216, 240, 255, 0.8) !important;
				text-align: center;
				.blueColor {
					color: #40c5f1;
				}
				.yellowColor {
					color: #ffda3a;
				}
			}
		}
		&:hover td.el-table__cell {
			background: none !important;
		}
		&:hover {
			background: linear-gradient(
				270deg,
				rgba(26, 123, 230, 0) 0%,
				rgba(69, 193, 255, 0.8) 100%
			);
		}
	}
}

.money-unit {
	color: white;
}
